html, body {
  padding: 0;
  margin: 0;
}

:root {
  --main-color: #42b883;
}

html.dark {
  filter: invert(1) hue-rotate(180deg);

  img,
  video {
    filter: invert(1) hue-rotate(180deg);
  }
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 2147483646;
}

html.dark::view-transition-old(root) {
  z-index: 2147483646;
}

html.dark::view-transition-new(root) {
  z-index: 1;
}

.warning-icon {
  font-size: 18px;
  color: orange;
}